import Login from '../pages/login';
import User from '../pages/user';
import Home from '../pages/home';
import Abc from '../pages/abc';
import Redux1 from '../pages/funRedux/Redux1'
import Effect from '../pages/hooks/useEffect';
import Context from '../pages/hooks/useContext'
import Reducer from '../pages/hooks/useReducer'
import Ref from '../pages/hooks/useRef'
import Memo from '../pages/hooks/useMemo'
import Callback from '../pages/hooks/useCallback'



export const route = [
  {
    path:'/',
    element:<Home/>,
    children:[
      {
        path:'/abc',
        element:<Abc/>
      }
    ]
  },
  {
    path:'/login',
    element: <Login/>,
    children: [
      {
        path: 'abc',
        element: <Abc/>
      },
      {
        path:'user',
        element:<User/>
      }
    ]
  },
  {
    path:'/user',
    element:<User/>
  },
  {
    path:'/redux1',
    element:<Redux1/>
  },
  {
    path: '/effect',
    element: <Effect/>
  },
  {
    path: '/context',
    element: <Context/>
  },
  {
    path: '/reducer',
    element: <Reducer/>
  },
  {
    path: '/ref',
    element: <Ref/>
  },
  {
    path: '/memo',
    element: <Memo/>
  },
  {
    path: '/callback',
    element: <Callback/>
  }
]